{if $href}
<a {$extra_attrs|raw} type="{$type}" {$ripple?'data-mdb-ripple="true" data-mdb-ripple-color="light"':''} class="{$block?'w-full':''} inline-block {$size_class} {$bg_color} {$text_color} font-medium text-xs leading-tight uppercase {$round? 'rounded-full':'rounded'} shadow-md hover:{$hover_color}-700 hover:shadow-lg focus:{$hover_color}-700 focus:shadow-lg focus:outline-none focus:ring-0 active:{$hover_color}-800 active:shadow-lg transition duration-150 ease-in-out {$disabled?'opacity-60':''}" {$disabled?'disabled':''} href="{$href}">{$icon}{$text}</a>
{else /}
<button {$extra_attrs|raw} type="{$type}" {$ripple?'data-mdb-ripple="true" data-mdb-ripple-color="light"':''} class="{$block?'w-full':''} inline-block {$size_class} {$bg_color} {$text_color} font-medium text-xs leading-tight uppercase {$round? 'rounded-full':'rounded'} shadow-md hover:{$hover_color}-700 hover:shadow-lg focus:{$hover_color}-700 focus:shadow-lg focus:outline-none focus:ring-0 active:{$hover_color}-800 active:shadow-lg transition duration-150 ease-in-out {$disabled?'opacity-60':''}" {$disabled?'disabled':''}>{$icon}{$text}</button>

{/if}